<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>jQuery多风格百叶窗幻灯片 - 站长素材</title>
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/slider.css" type="text/css" media="screen" />
    </head>
    <body>
        <div id="slider">
            <img src="images/1.jpg" alt="站长素材1" title="站长素材" />
            <img src="images/2.jpg" alt="站长素材2" title="站长素材" />
            <img src="images/3.jpg" alt="站长素材3" title="站长素材" />
        </div>
        <script src="js/jquery.min.js"></script>
        <script src="js/slider.jquery.js"></script>
        <script>
            $('#slider').lateralSlider({
                captionPadding: '0',
                captionHeight: 45
            });
        </script>
        <div style="text-align:center;clear:both">
            <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
            <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
        </div>
    </body>
</html>